/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* 更换字体 华艺商城专用 */
body{
	font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,'Roboto', sans-serif !important;
}
.menu-link {
    font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,'Roboto', sans-serif !important;
}
a{
	font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,'Roboto', sans-serif !important;
}
.font-primary {
    font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif黑,'Roboto', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,'Roboto', sans-serif !important;
}
.br-0{
	border-right: 0 !important;
}

#top-search-i{
	position:static!important;width: 23px !important;
									height: 23px !important;
									line-height: 23px !important; font-size: 12px!important; margin-top: 8px!important;
}

.heading-block::after {
    border-top: 0 solid #444 !important;
}
.chuizhi-middle{
	vertical-align: middle
}
.product-title{
	margin-bottom: 3px;
}
.product-title h4{
	margin-bottom: 3px !important;
}
/* 恢复alink 的下划线 */
.text-decoration-on{
	text-decoration:underline !important;
}
/* 首页客户留言星星颜色 */
.color{
	color: #ffa41c !important;
}

/* .top-cart-number::before, #page-menu-wrap, .page-menu-nav, .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active, .grid-filter li.activeFilter a, .grid-filter.style-4 li.activeFilter a::after, .grid-shuffle:hover, .entry-link:hover, .button, .button.button-dark:hover, .button.button-3d:hover, .fbox-icon i, .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .i-rounded:hover, .i-circled:hover, .tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .dark .entry-link:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark .tab-nav.tab-nav2 li.ui-state-active a, .dark #gotoTop:hover, .dark input.switch-toggle-round:checked + label::before, .dark input.switch-toggle-flat:checked + label, .dark input.switch-toggle-flat:checked + label::after{
	background: #ffffff;
} */
.h-60px{
	height: 50px !important;
}

#container {
	width: 100%;
	height: 100%;
  }

  .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
  color: #ffffff;
  text-shadow: none;
}
.footer-menu li a{
	line-height: 30px;
}

.mb-10rem{
	margin-bottom: 10rem;
}
.mb-5rem{
	margin-bottom: 5rem;
}
.mt-10rem{
	margin-top: 10rem;
}
.mt-5rem{
	margin-top: 5rem;
}
.section-c {
	position: relative;
	width: 100%;
	background-color: #F9F9F9;
	overflow: hidden;
}
.menu-link{
	text-transform:none !important;
}
.hui{
	color: #666666 !important;
}


.slider-caption{
	max-width: 600px;
}


.qianhui{
	background: #f5f5f5;
}

.before-heading{
	font-family:Arial, Helvetica, sans-serif;
}
.testi-content p{
	font-family:Arial, Helvetica, sans-serif;
}

.grid-filter li a:hover{
    color: #f0f0f0;
}

.breadcrumb1{
	position: relative !important;
	right: none !important;

    width: auto !important;
    top: 50% !important;
    left: auto !important;
	flex-wrap: wrap;
	list-style: none;
    margin: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 90%;
    transform: translateY(-50%);
	border-radius: 0.25rem;
}
/* .content-wrap{
	padding: 40px 0 !important;
} */
.box{
	box-sizing: border-box;
}
.border-c-h{
	border-color: #d2d2d2 !important;
}
.bg-hui{
	background: #eee !important;
}


.testimonials-carousel .owl-item {
	opacity: 0.25;
	transform: scale(.9);
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}

.testimonials-carousel .owl-item.active.center {
	opacity: 1;
	transform: scale(1);
}

.testi-content p { font-size: 16px; }

.text-deepgreen{
	color: #007185 !important;
}
.text-mini{
	font-size: 14px !important;
	font-weight: normal !important;
	color: #666666!important;
}

.goods-color-label{
	padding: 0; width: 70px; height: auto;
}
.goods-color{
	width: 70px; height: 70px;
}

/* tag 标签 hover 为深色 */
.grid-filter li a:hover {
    color: #999999;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    color: #FFF !important;
    background-color: #674a38 !important;
    border-color: #674a38 !important;
}

.a-active{
	background: #674a38 !important;
	color: #ffffff !important;
	border-color: #674a38 !important;
}
.goods-select a:hover{
	background: #674a38 !important;
	color: #ffffff !important;
	border-color: #674a38 !important;
}
.btn-huayi {
    color: #fff;
    background-color: #674a38;
    border-color: #674a38;

}
.btn-huayi:hover{
	color: #fff;
	background-color: #666666;
    border-color: #666666;
}
.btn-huayi:disabled {
    opacity: 0.65;
	background-color: #674a38;
    border-color: #674a38;
}
.btn-mini, .btn-group-mini > .btn {
	padding: 0.1rem 0.5rem !important;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.grid-item > img, .grid-item .grid-inner > img {
    width: 100%;
    height: 90px !important;
	object-fit: cover !important;
    border-radius: 0;
}
.toosmall{
	font-size: 10px !important;
}
/* 字体全大写 */
.font-big{
	text-transform:Uppercase !important;
}
/* 商品列表title */
.goods-title{
	font-size: 16px !important;
}
/* 超出显示 */
.over-show{
	overflow:visible !important;
}
/* 产品列表title 大小 */
.list-title{
	font-size: 1.25rem !important;
}
.goods_show_title{
	font-size: 1.5rem !important;
}
.qtitle{
	font-size: 0.8rem !important;
}
.title-span{
	font-size: 0.9rem !important;
	color: #999;
	font-weight: normal;
}
/* 右侧导航 暂时不行,还得考虑手机版*/
/* #show_goods_right_menu{
	
    z-index: 599;
    position: fixed; 
	width: 420px;

    top: auto;
    left: auto;
    right: 280px;
    bottom: 200px;
    cursor: pointer;

} */

.fz3{
	font-size: 3rem !important;
}
.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
	background-color:rgba(0,0,0,0);
}
.fz26px{
	font-size: 26px !important;
}
.fz16px{
	font-size: 16px !important;
}
.fz24px{
	font-size: 24px !important;
}
.fjj2{
	letter-spacing:2px !important;
}
.button.button-rounded {
    border-radius: 0px !important;
}
.btn {
    border-radius: 0 !important;
}
.border-radius-0{
	border-radius:0 !important;
}
.fz1rem{
	font-size: 1rem !important;
}
.fz1-2rem{
	font-size: 1.2rem !important;
}
.fz1-25rem{
	font-size: 1.25rem !important;
}

.juzhong-parent {
    display: table;
}

.juzhong-child {
    display: table-cell;
    vertical-align: middle;
}
.goods-show p{
	margin-bottom: 0 !important;
}


.block-card-9 .grid-inner .btn-hover {
	opacity: 0;
	display: block;
	transition: opacity .3s ease, transform .3s .1s ease;
	margin-top: 15px;
	position: absolute;
	transform: translateY(0);
}
.block-card-9 .grid-inner:hover .btn-hover {
	opacity: 1;
	transform: translateY(-5px);
}

.block-card-9 .grid-inner .grid-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
	-webkit-animation: kenburns 20s ease-out both;
	animation: kenburns 20s ease-out both;
}

.block-card-9 .grid-inner .grid-icon,
.block-card-9 .grid-inner .grid-content {
	transition: transform .3s ease;
}

.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
.block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }

@-webkit-keyframes kenburns {
  0% {
	-webkit-transform: scale(1) translate(0, 0);
			transform: scale(1) translate(0, 0);
	-webkit-transform-origin: 84% 84%;
			transform-origin: 84% 84%;
  }
  100% {
	-webkit-transform: scale(1.25) translate(20px, 15px);
			transform: scale(1.25) translate(20px, 15px);
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
  }
}
@keyframes kenburns {
  0% {
	-webkit-transform: scale(1) translate(0, 0);
			transform: scale(1) translate(0, 0);
	-webkit-transform-origin: 84% 84%;
			transform-origin: 84% 84%;
  }
  100% {
	-webkit-transform: scale(1.25) translate(20px, 15px);
			transform: scale(1.25) translate(20px, 15px);
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
  }
}

.entry-title h3 {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	font-size: 25px;
}

.entry-title.title-sm h2,
.entry-title.title-sm h3,
.entry-title.title-xs h2,
.entry-title.title-xs h3 {
	font-size: 1.25rem;
	line-height: 1.6;
}
.entry-title.title-xs h2,
.entry-title.title-xs h3,
.entry-title h4 {
	font-size: 1.15rem;
}

.entry-title h4 {
	font-size: 1rem;
	font-weight: 400;
}

.entry-title h2 a,
.entry-title h2 a:hover,
.entry-title h3 a,
.entry-title h3 a:hover,
.entry-title h4 a:hover  { color: #222 !important; }

.dark .entry-title h3 a,
.dark .entry-title h2 a:hover,
.dark .entry-title h3 a:hover,
.dark .entry-title h4 a:hover  { color: #EEE !important; }

:not(.dark) .entry-categories a {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	color: #333;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.dark .entry-categories a { color: var(--themecolor, #F39887); }

.entry-meta {
	display: block;
	float: none;
	margin: 8px 0 0 0 !important;
}

.entry-content {
	margin-top: 25px;
}

.entry-content p {
	color: #555;
	font-size: 15px;
	line-height: 22px !important;
}

.dark .entry-content p { color: rgba(255, 255, 255, 0.7); }

.posts-md .entry-meta,
.posts-md .entry-meta a,
.posts-sm .entry-meta,
.posts-sm .entry-meta a {
	font-size: 14px;
}

.dark .entry-meta li a { color: #AAA !important; }

.posts-sm .entry:not(:first-child) .grid-inner,
.posts-md .entry:not(:first-child) .grid-inner {
	padding-top: 2rem;
	border-top: 1px solid #E5E5E5;
}
.week-posts {
	list-style: none;
}

.week-posts li .entry-image {
	display: none;
}

.week-posts > li {
	counter-increment: step-counter;
}

.week-posts > li .grid-inner::before {
	content: "0" counter(step-counter)'.';
	position: absolute;
	left: 0;
	font-size: 26px;
	font-weight: 700;
	font-family: var(--font-serif, 'Literata', serif);
	color: #DDD;
	line-height: 1;
}

.week-posts > li .grid-inner {
	padding-left: 48px;
}

.dark .week-posts > li::before { color: rgba(255,255,255,0.3); }




/* ----------------------------------------------------------------
	Canvas: Blog
-----------------------------------------------------------------*/


/* change your menu color here */
:root {
	--themecolor: #87b7f3;
	--themecolorrgba: 219, 224, 251;
	--font-serif:  'Domine', serif;
	--font-sans:  'Roboto', sans-serif;
}



.color-underline {
	background-image: linear-gradient(rgba(var(--themecolorrgba, 219, 224, 251), 0.3), rgba(var(--themecolorrgba, 219, 224, 251), 0.3));
	background-repeat: no-repeat;
	background-size: 0 8px;
	background-position: 0 82%;
	padding: 0 2px 2px 0;
	transition: background .6s cubic-bezier(.19,1,.22,1);
}

.color-underline:hover { background-size: 100% 8px; }


.slider-caption h1 {
	color: #ffffff !important;
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px){
	.h-auto .swiper-wrapper, .min-vh-0 .swiper-wrapper {
		height: 90vh;
	}

	.portfolio-item { transition: transform .3s ease; }

	.portfolio-item:hover {
		transform: translateY(-5px);
	}
	.border-between > [class*='col-']::before {
		background: #E5E5E5;
		bottom: 0;
		content: " ";
		left: 0;
		position: absolute;
		width: 1px;
		top: 0;
	 }
 
	 .dark .border-between > [class*='col-']::before { background: rgba(255, 255, 255, 0.2); }
 
	 .border-between > [class*='col-']:first-child::before { display: none; }
 
	 /* Re-Edit Bootstrap */
	 .border-between > [class*='col-'],
	 .border-between .container,
	 .border-between .container-fluid {
		 padding-right: 30px;
		 padding-left: 30px;
	 }
 
	 .border-between.row {
		 margin-right: -30px;
		 margin-left: -30px;
	 }
	 .content-wrap { overflow: inherit; }

	.widget-nav .nav { flex-direction: column; }

	.widget-nav .nav .nav-item .nav-link {
		padding: 5px 0 5px 15px;
		border-left: 1px solid #DDD;
		line-height: 1.8;
	}
	.slider-caption h1 {
		font-size: 3rem ;
		letter-spacing: 2px !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		margin-bottom: 0 !important;
	
	}
	.slider-caption h2 {
		font-size: 3rem ;
		letter-spacing: 2px !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		margin-bottom: 0 !important;
	
	}
	.slider-caption h3 {
		font-size: 3rem !important;
		letter-spacing: 2px !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		margin-bottom: 0 !important;
		color: #ffffff !important;
	}
	.fz26px{
		font-size: 26px !important;
	}

	.dark .widget-nav .nav .nav-item .nav-link,
	.dark #header.sticky-header #header-wrap,
	.dark .single-post .media-content .entry-title { border-color: rgba(255, 255, 255, 0.1); }
}
@media (max-width: 767.98px){
	.heading-block h2 {
		font-size: 20px;
	}
	.footer-widgets-wrap h4{
		margin-top: 3rem;
		margin-bottom: 1rem;
	}

}

#page-title {
    position: relative;
    padding: 5rem 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}



.floating-contact-wrap1 {
	position: fixed;
	right: 50px;
	bottom: 180px;
	z-index: 299;
}

.floating-contact-wrap1 .floating-contact-btn1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background-color: #128c7e;
	color: #FFF;
	cursor: pointer;
	z-index: 3;
	color: #FFF;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
}

.floating-contact-wrap1 .floating-contact-btn1:hover,
.floating-contact-wrap1.active .floating-contact-btn1 {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	background-color: #222;
	color: #FFF;
}

.floating-contact-wrap1 .floating-contact-btn1 .floating-contact-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 22px;
	-webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-backface-visibility: hidden;
}

.floating-contact-wrap1 .floating-contact-btn1 .floating-contact-icon.btn-active,
.floating-contact-wrap1.active .floating-contact-btn1 .floating-contact-icon {
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.floating-contact-wrap1.active .floating-contact-btn1 .floating-contact-icon.btn-active {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}


.blue{
	color: #085da8 !important;
}

/*浮动*/
.qqkefu {
	position: fixed;
	top: 24%;
	_position: absolute;
	/* _top: expression(eval(document.documentElement.scrollTop + 365)); */
	z-index: 100;
	/*right:0;*/
	right: 30px;
	width: 39px;
}

.qqkefu ul li {
	width: 45px;
	height: 45px;
	margin-bottom: 1px;
	float: right;
	background: url("/static/home/trade/images/qqkefu.png") no-repeat;
	background-color: #00549a;
	line-height: 45px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	list-style: none;
}

.qqkefu ul li a {
	color: #fff;
	overflow: hidden;
	display: block;
	height: 45px;
	padding-left: 20px;
}

.qqkefu ul li.qq_cza {
	overflow: hidden
}

.qqkefu ul li:hover {
	background-color: #019243;
}

.qqkefu ul li.top {
	background-position: 0 0;
	position: relative;
	width: 45px;
	height: 45px;
	cursor: pointer;
}

.qqkefu ul li b {
	width: 45px;
	height: 45px;
	display: block;
	overflow: hidden;
	float: right;
}

.qqkefu ul li span {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

.qqkefu ul li.qq_phone {
	background-position: right -46px;
}

.qqkefu ul li.qq_ku {
	background-position: right -92px;
}

.qqkefu ul li.qq_ms {
	background-position: right -138px;
}

.qqkefu ul li.qq_czb {
	background-position: right -184px;
}

.qqkefu ul li.qq_czbb {
	background-position: right -184px;
}

.qqkefu ul li.qq_app {
	background-position: right -228px;
}

.qqkefu ul li.qq_sh {
	background-position: right -272px;
}

.qqkefu ul li.qq_czae {
	line-height: 15px !important
}

.erweima {
	width: 130px;
	height: 150px;
	position: absolute;
	top: -107px;
	left: -150px;
	background: #FFF;
	border: 1px solid #CCC;
	float: right;
	cursor: default !important;
	display: none;
	/*overflow: hidden;*/
}

.erweima p {
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
	float: right;
	width: 130px;
}

.erweima p img {
	width: 110px;
	height: 110px;
	margin: 10px 10px 0px 10px;
}

.erweima .arrow3 {
	width: 5px;
	height: 10px;
	display: block;
	/*background:url(../images/czx6.png) no-repeat;*/
	position: absolute;
	right: -5px;
	top: 122px;
}




.erweimab {
	width: 130px;
	height: 150px;
	position: absolute;
	top: -107px;
	left: -150px;
	background: #FFF;
	border: 1px solid #CCC;
	float: right;
	cursor: default !important;
	display: none;
	/*overflow: hidden;*/
}

.erweimab p {
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
	float: right;
	width: 130px;
}

.erweimab p img {
	width: 110px;
	height: 110px;
	margin: 10px 10px 0px 10px;
}

.erweimab .arrow4 {
	width: 5px;
	height: 10px;
	display: block;
	/*background:url(../images/czx6.png) no-repeat;*/
	position: absolute;
	right: -5px;
	top: 122px;
}


.app {
	width: 130px;
	height: 150px;
	position: absolute;
	top: -107px;
	left: -150px;
	background: #FFF;
	border: 1px solid #CCC;
	float: right;
	cursor: default !important;
	display: none;
	/*overflow: hidden;*/
}

.app p {
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
	float: right;
	width: 130px;

}

.app p img {
	width: 110px;
	height: 110px;
	margin: 10px 10px 0px 10px;
}

.app .arrow3 {
	width: 5px;
	height: 10px;
	display: block;
	/*background:url(../images/czx6.png) no-repeat;*/
	position: absolute;
	right: -5px;
	top: 132px;
}

.sh {
	width: 130px;
	height: 150px;
	position: absolute;
	top: -107px;
	right: -150px;
	background: #FFF;
	border: 1px solid #CCC;
	float: right;
	cursor: default !important;
	display: none;
	/*overflow: hidden;*/

}

.sh p {
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
	float: right;
	width: 130px;
}

.sh p img {
	width: 110px;
	height: 110px;
	margin: 10px 10px 0px 10px;
}

.sh .arrow3 {
	width: 5px;
	height: 10px;
	display: block;
	/*background:url(../images/czx6.png) no-repeat;*/
	position: absolute;
	right: -5px;
	top: 132px;
}

/**/
.xw {
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
}

.prodn img {
	padding-bottom: 10px;
}

.prodn p {
	line-height: 28px;
	font-size: 14px;
}

.prodn p strong {
	color: #333;
}